<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>导诊结果</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="yes" name="apple-touch-fullscreen">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no,email=no" name="format-detection">
		<!--[if lt IE 9]> 
		<script src=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
		<![endif]-->
		<script type="text/javascript" src="../../js/init.js"></script>
		<link rel="stylesheet" href="../../font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<script type="text/javascript" src="../../font/iconfont.js"></script>
		<style type="text/css">
			html {
				background-color: #f2f8f8;
			}
			.cue {
				padding: 0.28rem 0.3rem;
				color: #999;
				font-size: 0.26rem;
				border-bottom: 1px solid #e2e9e8;
				background-color: #fff;
			}
			.cue text {
				line-height: 0.36rem;
			}
			.cue .iconfont {
				color: #428bca;
			}
			.cons {
				position: relative;
				padding: 1.28rem 0.26rem 0;
				background-color: #f2f8f8;
			}
			.T {
				position: absolute;
				top: 0.4rem;
				left: 0.26rem;
				font-size: 0.3rem;
			}
			.con {
				background-color: #fff;
				font-size: 0.26rem;
				padding-bottom: 1.25rem;
				border-bottom: 1px solid #e2e9e8;
				position: relative;
			}
			.cons .con .top {
				font-size: 0.4rem;
				color: #333;
				display: block;
				text-align: center;
				line-height: 0.82rem;
				height: 0.82rem;
				border-bottom: 1px solid #e2e9e8;
			}
			.cons .con .keshi {
				padding: 0 0.3rem;
				line-height: 1.16rem;
				height: 1.16rem;
				font-size: 0.36rem;
				color: #333;
			} 
			.cons .con .C {
				padding: 0 0.3rem 0;
				position: relative;
			}
			.cons .con .C .title {
				color: #333;
				line-height: 0.4rem;
			}
			.cons .con .C .contain {
				color: #666;
				line-height: 0.4rem;
			}
			.cons .con .one {
				position: absolute;
				bottom: 0.3rem;
				right: 2.78rem;
				height: 0.5rem;
				line-height: 0.5rem;
				width: 1.63rem;
				background-color: #428bca;
				color: #fff;
				border: none;
				border-radius: 0.1rem;
			}
			.cons .con .two {
				position: absolute;
				bottom: 0.3rem;
				right: 0.52rem;
				height: 0.5rem;
				line-height: 0.5rem;
				width: 1.63rem;
				background-color: #428bca;
				color: #fff;
				border: none;
				border-radius: 0.1rem;
			}
		</style>
	</head>
	<body>
		<header>
			<span></span>
			<text class="title">导诊结果</text>
			<text class="iconfont icon-llmainpageback" id="back"></text>
			<text class="iconfont icon-iconfontclosesmall"></text>
			<text class="iconfont icon-gengduo"></text>
		</header>
		<section class="cue">
			<text class="iconfont icon-guanyuabout"></text>
			<text>推荐就诊科室为多数情况下的选择，仅供参考，您可查看各科室详细介绍并根据自身情况选择就诊科室，如有疑问，请咨询医院导诊主任。</text>
		</section>
		<section class="cons">
			<text class="T">颌骨痛</text>
			<div class="con">
				<text class="top">导诊科室</text>
				<text class="keshi">口腔门诊</text>
				<div class="C">
					<text class="title">主要治疗症状：</text>
					<text class="contain">主要负责牙及牙槽手术、先天、后天畸形的矫正术、口腔颌面部外伤、肿痛及口腔相关区域（包括甲舌囊肿、鳃裂囊肿及颈部淋巴结等）等病症的诊断与治疗</text>
				</div>
				<button class="one">今日挂号</button>
				<button class="two">预约挂号</button>
			</div>
			
			<div class="con">
				<text class="keshi">口腔门诊</text>
				<div class="C">
					<text class="title">主要治疗症状：</text>
					<text class="contain">主要负责牙及牙槽手术、先天、后天畸形的矫正术、口腔颌面部外伤、肿痛及口腔相关区域（包括甲舌囊肿、鳃裂囊肿及颈部淋巴结等）等病症的诊断与治疗</text>
				</div>
				<button class="one">今日挂号</button>
				<button class="two">预约挂号</button>
			</div>
		</section>
	</body>
	<script type="text/javascript">
		document.getElementById("back").onclick = function(){
			window.history.back(-1);
		}
	</script>
</html>
